section{
    width:100%;
    height:742px;
    background-image: url('../img/bg.png');
    padding-top:220px;
}
#border{
    width:480px;
    height:450.73px;
    margin:0 auto;
    background-color:#fff;
    border-radius:4px;
}
#main{
    width:400px;
    margin:0 auto;
}
.tip_list{
    height:56px;
    display:flex;
    border-bottom:1px solid #dfdfdf;
}
#main li.active{
    border-bottom:2px solid #333;
    position: relative;
    top: 1px;
}
#main li.active>a{
    color:#333333;
}
.tip{
    width:80px;
    line-height:56px;
    text-align: center;
}
.tip>a{
    color:#666;
    font-size:16px;
}
/*登录注册*/
.input_border{
    border: 1px solid #DDDDDD;
    background-color: #F5F6F7;
    border-radius: 8px;
    height:42px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    flex: 1;
}
.phone_num{
    margin-top:29px;
}
.yzm{
    margin-top:16px;
    margin-bottom: 16px;
}
.pwd{
    margin-bottom: 10px;
}
.login_pwd{
    margin-top:16px;
    margin-bottom:16px;
}
.input_yzm{
    display: flex;
    align-items: center;
}
.yzm_btn{
    width:120px;
    height: 40px;
    background-color: #FF7630;
    color:#fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    margin-left:31.6px;
    cursor: pointer;
}
.check_box{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.check_box>div.active{
    background-color: #dfdfdf;
}
.check_box_btn{
    width:14px;
    height:14px;
    background-color: #FF7630;
    text-align: center;
    line-height: 12px;
    margin-right: 8px;
    border-radius: 2px;
}
.check_box_btn_logo{
    display: inline-block;
    width:10px;
    height:10px;
    background-image: url('../img/login_select.png');
    background-size: 100% 100%;
}
.check_box_text{
    color: #999;
    font-size: 14px;
}
.check_box_text>a{
    color:#FF7630;
    font-size: 14px;
}
.btn{
    background-color: #FF7630;
    border-radius: 4px;
    height: 36px;
    width:400px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    margin-top: 16px;
    margin-bottom:20px;
}
.forget_pwd{
    text-align: right;
}
.forget_pwd>a{
    color:#FF7630;
    font-size: 14px;
}
/*第三方账号*/
.dsf{
    text-align: center;
}
.dsf_text{
    color:#333;
    font-size: 14px;
    margin-bottom: 19px;
}
.dsf_logo_list{
    /*display: flex;
    width:160px;
    margin: 0 auto;*/
    text-align: center;
}
.dsf_logo{
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
}
.dsf_qq{
    background-image: url('../img/login_qq.png');
}
.dsf_weibo{
    background-image: url('../img/login_weibo.png');
}
.dsf_wechat{
    background-image: url('../img/login_wechat.png');
}
.dsf_logo_list li:nth-child(2){
    margin-left:20px;
    margin-right:20px;
}
/*input通用设置*/
input{
    border: none;
    /*flex: 1;*/
    outline: none;
    color:#333;
    font-size: 14px;
    background-color: #F5F6F7;
    height:95%;
    width:95%;
    position: relative;
    top:1px;
}
input-placeholder {
    color:#999;
    font-size: 14px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
    font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#999;
    font-size: 14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#999;
    font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#999;
    font-size: 14px;
}

form>div{
    display:none;
}
form>div.active{
    display:block;
}


/*
    忘记密码-页面
*/
.remeber_pwd{
    text-align: right;
}
.remeber_pwd>a{
    color:#403C3B;
    font-size:14px;
}










